<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="UTF-8" content="width=device-width">
<title></title>

<link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
<script type="text/javascript" th:src="@{/js/jquery-2.1.0.js}"></script>
<script type="text/javascript" th:src="@{/js/common.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<!-- <script type="text/javascript" th:src="@{/js/forbid/forbid.js}" ></script> -->
<style type="text/css">
#headContent {
	font-size: 16px;
	margin: 10px 0;
}

#tabContent {
	margin-top: -15px;
	margin-left: 15px;
}
</style>
</head>

<body class="layui-layout-body">
	<div class="layui-body" lay-filter="tab" lay-allowclose="true"
		style="left: 0px;">
		<div class="layui-tab-content layadmin-header" id="headContent">
			<div class="" style="padding: 0 15px;" id="breadcrumb">
				<span href="javascript:void(0);">当前位置： </span> <span
					style="color: #666; cursor: auto;">个人工作台</span> <span
					style="color: #666; cursor: auto; display: none;"> > <span>组件</span></span>
				<span style="color: #666; cursor: auto; display: none;"> > <span>组件</span></span>
			</div>
		</div>
		<div class="layui-tab-content" id="tabContent">
			<div class="layui-form">
				<table class="layui-table">
					<colgroup>
						<col width="150">
						<col width="150">
						<col width="200">
						<col>
					</colgroup>
					<thead>
						<tr>
							<th>roleName</th>
							<th>operate</th>
						</tr>
					</thead>
					<tbody>
						<tr th:each="role : ${roles}">
							<td th:text="${role.name}">Onions</td>
							<!-- <td th:text="${user.account}">2.41</td> -->
							<td th:text="${role.id}" th:onclick="'javascript:show(\''+${role.id}+'\')'">0</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	    function show(rid) {
	    	layWin.openIframe("用户信息", "/role/userList?id="+rid, false, 2, "600px");
		}
	</script>
</body>

</html>